<template>
  <div id="index" ref="appRef">
    <div class="bg">
      <div>
        <div class="content-box2">
          <center-map />
          <dynamic-echarts />
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref, onMounted, onUnmounted } from "vue";
import useDraw from "@/utils/useDraw";
import CenterMap from "../centerMap/index.vue";
import DynamicEcharts from "../dynamicEcharts/index.vue";

// * 颜色
const decorationColors = ["#568aea", "#000000"];
// * 加载标识
const loading = ref<boolean>(true);
// * 适配处理
const { appRef, calcRate, windowDraw, unWindowDraw } = useDraw();
// 生命周期
onMounted(() => {
  // todo 屏幕适应
  windowDraw();
  calcRate();
});

onUnmounted(() => {
  unWindowDraw();
});
</script>

<style lang="less" scoped>
@import "@/assets/css/index.less";


</style>
